// 获取容器
const container = document.querySelector('.rain');

// 创建雨滴
function createDrop() {
  const drop = document.createElement('div');
  drop.classList.add('drop');
  drop.style.left = `${Math.random() * container.offsetWidth}px`; // 随机位置
  drop.style.height = `${Math.random() * 20 + 5}px`; // 随机高度
  drop.style.animationDuration = `${Math.random() * 1.5 + 0.5}s`; // 随机速度
  container.appendChild(drop);

  // 雨滴动画结束后移除元素
  drop.addEventListener('animationend', () => {
    container.removeChild(drop);
  });
}

// 每隔一段时间创建一个雨滴
setInterval(createDrop, 800);
